/* Rules apply to both templates */

/*  --- GENERAL RULES --- */
body
{
	font: 90%/1.4 arial, hevetica, sans-serif;
        background: #ddd;
        margin: 0;
	padding: 0;
        color: #222;
}

h1, h2, h3, h4
{
        margin-top: 0;
        line-height: 1;

}

h1 { font-size: 160%; margin-bottom: 0.9em;}
h2 { font-size: 135%; margin-bottom: 0.8em;}
h3 { font-size: 116%; margin-bottom: 0.7em;}
h4 { font-size: 100%; margin-bottom: 0.7em;}

h5
{
	font-size: 100%;
	text-decoration: underline;
        margin-bottom: 0.6em;
}

input, select {
        font-size: 90%;
}

p { margin-top: 0;
   margin-bottom: 1.1em;
 }

.nospaceafter { margin-bottom: 0; }
.spaceafter { margin-bottom: 1em; }
.indented { margin-left: 2em; }
.moreitems { text-align: right; }

ul
{
        margin: 0em 0 1em 1.6em;
	padding: 0;
	list-style-type: none;
}

ol
{
        margin: 0em 0 1em 3em;
	padding: 0;
}

ul ul, ol ul, ol ol
{
	margin-top: 0;
	margin-bottom: 0;
}

ul li
{
        background: url(../images/brand/va-bullet1.gif) no-repeat 0 .4em;
        padding: 0.1em 0 0.1em 15px;
}

li ul li
{
        background: url(../images/brand/va-bullet2.gif) no-repeat 0 .6em;
        padding: 0.1em 0 0.1em 15px;
}

code { font: 120% courier, monospace; }

blockquote
{
	margin: 1em 0;
        padding: 0.5em;
	border: 1px solid #CCE2BC;
	background: #EFF3ED;
        clear: both;
}

blockquote p { margin-top: 0.3em; margin-bottom: 0.5em; }

blockquote p.source
{
	margin-bottom: 0;
	text-align: right;
	font-size: 90%;
	font-style: italic;
}

a {color: #55009d; text-decoration:underline; }
a:focus, a:hover, a:active {color:#00f; text-decoration:underline;}

h2 a, h3 a, h4 a {text-decoration:underline; color: #55009d;}
h2 a:hover, h3 a:hover, h4 a:hover {text-decoration:underline; color: #00f;}

html>body a:hover, html>body a:active { background: #fff; }

img {
 border-style: none;
}

table
{
	border-collapse: collapse;
	margin: 1em 0;
	color: black;
	background: white;
}

caption
{
	text-align: left;
	margin: 0 0 .2em 0;
	font-weight: bold;
	font-size: 120%;
}

thead th
{
	background: #EFF3ED;
	font-weight: bold;
}

th
{
	text-align: left;
	font-weight: normal;
}

th, td
{
	padding: .2em .5em;
	border: 1px solid #CCE2BC;
}






legend
{
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	color: #000;
}



* html textarea {
        scrollbar-face-color : #CCE2BC;
        scrollbar-shadow-color : #B1D296;
        scrollbar-highlight-color : #E5F0DC;
        scrollbar-3dlight-color : #F0F7EB;
        scrollbar-darkshadow-color : #93C26C;
        scrollbar-track-color : #EFF3ED;
        scrollbar-arrow-color : #008000;
}

label.check
{
        display: inline;
        padding: 0 0 0 0.5em;
}
label.radio
{
        display: inline;
        padding: 0 0 0 0.5em;
}

f
textarea {
        font: 100%/1.3 arial, hevetica, sans-serif;
}

#breadcrumb
{
        margin: 0 0 1em 0;
        padding: .5em 0 .5em .5em;
	font-size: 90%;
        background: url(../images/brand/va-tint.jpg) repeat-y;
        line-height: 1.2;
}

#breadcrumb ol
{
	display: inline;
	margin: 0;
	padding: 0;
}

#breadcrumb li { display: inline; }

#breadcrumb li a
{
	padding: 0 12px 0 0;
	border-bottom: 0;
        background: url(../images/brand/va-bullet3.gif) no-repeat 100% 50%;
}

#breadcrumb li.first
{
	background: none;
	padding: 0;
}

.top
{
	clear: both;
	padding: .5em;
	font-size: 90%;
        background: url(../images/brand/va-tint.jpg) repeat-y;
}

.topnoclear
{
        clear: left;
        margin-top: 3em;
        padding: .5em;
	font-size: 90%;
        background: url(../images/brand/va-tint.jpg) repeat-y;
}


/*  --- CLASSES AND IDS RULES --- */
.hidden
{
	position: absolute;
	left: -2000px;
	width: 1900px;
	padding: 0;
	margin: 0;
}

/* IMAGES */
.imageblock {
        clear: both;
        margin: 0.5em;
        border: 1px solid #CCE2BC;
/*        background: #EFF3ED; */
}
.imageblock2 {
        margin: 0;
        padding: 0;
}
.imageclear {
        clear: both;
}

.imagecaptionright {
        clear: right;
        float: right;
        margin: 0 0 0.5em 0.5em;
        padding: 0.5em;
	line-height: normal;
	color: #444;
        text-align: center;
        border: 1px solid #CCE2BC;
}
.imagecaptionright p {
        margin: 0.5em 0 0 0;
        padding: 0;
}

.imagecaptionleft {
        clear: left;
        float: left;
        margin: 0 0.5em 0.5em 0;
        padding: 0.5em;
	line-height: normal;
	color: #444;
        text-align: center;
        border: 1px solid #CCE2BC;
}
.imagecaptionleft p {
        margin: 0.5em 0 0 0;
        padding: 0;
}
.imagecaption {
        clear: both;
        float: left;
        margin: 0 0 0.5em 0;
        padding: 0.5em;
	line-height: normal;
	color: #444;
        text-align: center;
        border: 1px solid #CCE2BC;
}
.imagecaption p {
        margin: 0.5em 0 0 0;
        padding: 0;
}

.width50 { width: 50px; }
.width100 { width: 100px; }
.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width350 { width: 350px; }
.width400 { width: 400px; }
.width450 { width: 450px; }
.width500 { width: 500px; }
.widthp5 { width: 5%; }
.widthp10 { width: 10%; }
.widthp15 { width: 15%; }
.widthp20 { width: 20%; }
.widthp25 { width: 25%; }
.widthp30 { width: 30%; }
.widthp35 { width: 35%; }
.widthp40 { width: 40%; }
.widthp45 { width: 45%; }
.widthp50 { width: 50%; }
.widthp55 { width: 55%; }
.widthp60 { width: 60%; }
.widthp65 { width: 65%; }
.widthp70 { width: 70%; }
.widthp75 { width: 75%; }
.widthp80 { width: 80%; }
.widthp85 { width: 85%; }
.widthp90 { width: 90%; }
.widthp95 { width: 95%; }
.widthp100 { width: 100%; }

.flyout
{
	clear: right;
	float: right;
	width: 180px;
	margin: 0 0 1em 1em;
	line-height: normal;
	padding: .5em;
	background: #EFF3ED;
	border: 1px solid #CCE2BC;
}

ul.further
{
	margin-left: 0;
	padding-left: 0;
}

.further li
{
        background: url(../images/brand/va-bullet2.gif) no-repeat 0 .4em;
	padding-left: 12px;
	margin-bottom: .3em;
}







.eventimage
{
	float: right;
	margin: 0 0 1em 1em;
}

.siteindex
{
	margin: 1em 0;
	padding: .5em;
        background-image: url(../images/brand/va-tint.jpg);
	background-repeat: repeat-y;
}

.siteindex li
{
	display: inline;
	margin-right: .5em;
}

.column
{
	float: left;
	width: 45%;
	margin-right: 2%;
}

.column h2 { margin-bottom: 0; }

.column ul
{
	margin: .5em 0 1em 0;
	padding: 0;
}

.column li
{
        background: url(../images/brand/va-bullet2.gif) no-repeat 0 .4em;
	padding-left: 8px;
}


dl.definitions dt
{
	width: 10em;
	padding: .5em 0;
	float: left;
	clear: left;
	margin: 0;
	font-weight: bold;
}

dl.definitions dd
{
	margin-left: 11em;
	padding: .5em 0;
}

dl.doccontrol, div.doccontrol dl
{
	margin: 1em 0;
	padding: .5em;
	background: #EFF3ED;
	border: 1px solid #CCE2BC;
}

 div.contact dt, dl.inline dt
{
        width: 8em;
	float: left;
	clear: left;
	margin: 0;
}

div.contact dd, dl.inline dd { margin-left: 8.5em; }

dl.doccontrol dt, div.doccontrol dl dt {
        width: 11em;
        float: left;
	clear: left;
	margin: 0;
}
dl.doccontrol dd, div.doccontrol dl dd { margin-left: 11.5em; }


div.contact
{
        margin: 1em 2em 2em 2em;
	padding: .5em;
	background: #EFF3ED;
	border: 1px solid #CCE2BC;
}

div.contact h2 {
        font-size: 110%;
        margin: 0;
}

div.contact h3 {
        font-size: 100%;
        margin: 0.5em 0 0 0;
}

div.contact dl {
        margin-top: 0.5em;
        margin-bottom: 0em;
        border: none;
}

div.contact ul {
        margin-top: 0.5em;
        margin-bottom: 0em;
}
div.contact ul li {  background: none;  }

ol.alpha { list-style-type: lower-alpha; }
ol.upper-alpha { list-style-type: upper-alpha; }

ol.roman { list-style-type: lower-roman; }
ol.upper-roman { list-style-type: upper-roman; }


/* To demonstrate the regular contrast settings */
#HighContrast {
        font: 117%/1.4 arial, hevetica, sans-serif;
        background: #333;
        color: #FFF;
        padding: 1em;
        margin: 0 5% 1em 5%;
        border: 2px solid #000;
}

#HighContrast h3 {
        margin-top: 0;
        line-height: 1;
        font-size: 130%;
        color: #6F6;
}

#HighContrast p { margin: 0 0 2em 0; }

#HighContrast ul {
        margin: 0em 0 1em 2em;
	padding: 0;
        list-style-type: disc;
}

#HighContrast ul li {
        background: url();
        padding-left: 0;
}
#RegContrast {
        display: none;
}


/*  --- HORIZONTAL MENU RULES --- */
div.horizmenu
{
        background: #EFF3ED;
        margin: 0 0 1em 0;
        padding: 2px;
        width: 100%;
}
 ul.horizmenu {
        text-align: center;
        background: #EFF3ED;
        margin: 0 0 1em 0;
        padding: 2px;
        width: 100%;
}
div.horizmenu ul {
        display: inline;
        margin: 0;
}
.horizmenu p {
        display: inline;
        margin: 0 0.4em 0 0;
}
.horizmenu li
{
	display: inline;
	padding: 0 .5em;
        background: url();
	border-left: 1px solid #92B877;
}
.horizmenu li.first
{
        border-left: none;
        padding-left: 0;
}
/*  --- VERTICAL MENU RULES --- */
ul.pagenav {
        margin: 1em 0;
	padding: .5em;
	background: #EFF3ED;
	border: 1px solid #CCE2BC;
        clear: both;
}

.vertmenu p {
	margin-bottom: 0.5em;
}
.vertmenu ul li, ul.pagenav li, ul.vertmenu li
{
        background: url(../images/brand/bullet-next2.gif) no-repeat 0 .5em;
}
a.keycontacts {
        background: url(../images/brand/group2.gif) no-repeat 0 50%;
        padding-left: 16px;
}
a.keycontacts:focus, a.keycontacts:hover, a.keycontacts:active  {
        background: url(../images/brand/group.gif) no-repeat 0 50%;
}
.vertmenu li ul li, ul.pagenav li ul li
{
        background: url(../images/brand/va-bullet2.gif) no-repeat 0 .6em;
}
ul.pagenav li.prev
{
        background: url(../images/brand/bullet-prev2.gif) no-repeat 0 .5em;
}
ul.pagenav li.up
{
        background: url(../images/brand/bullet-up2.gif) no-repeat 0 .5em;
}




hr {
        color: #CCE2BC;
}

/* LAYOUT TEMPLATES */

#extras {
	float: left;
	width: 19%;
	margin: 0 0 0 2%;
	padding: 1em 0 2em 0;
}

#news {
	float: left;
        width: 26%;
        margin: 0 2.5% 0 1.5%;
	display: inline;
	padding: 1em 0 1em 0;
}

#news h3  { margin-bottom: .2em; }

#single #container { background: #FFF; }

/* * html #container {
        height: 1%;
}  */

#single #content {
        float: left;
        width: 95%;
        margin: 0;
/*        margin: 0 2% 1em 24%;*/
        padding: 1em 2% 1em 2%;
}

#extras h2, #news h2 { margin-bottom: .4em;
                       font-size: 125%;
                       line-height: 1.2;}
#extras h3, #news h3 { margin-bottom: .3em;
                       margin-top: 0.2em;
                       font-size: 110%;
                       line-height: 1.2;}
#extras h4, #news h4 { margin-bottom: .2em;
                       line-height: 1.2;}

#extras hr, #news hr {
        border-width: 2px;
        color: #CCE2BC;
}

#extras p, #news p {
        margin-bottom: 0;
}


#twocol #content
{
        margin: 0 2% 0 1%;
        padding: 1em 0 1em 0;
        width: 67%;
	float: left;
}

#twocol #extras
{
	float: right;
	width: 21%;
	margin: 0 0 0 2%;
	display: inline;
	padding: 1em 0 0 0;
}

.printlinks {
        clear: right;
	float: right;
        width: 12em;
	margin: 0 0 1em 1em;
	line-height: normal;
        padding: .3em .5em;
	background: #EFF3ED;
	border: 1px solid #CCE2BC;
}
.printlinks p {
        margin: 0;
        padding: .2em 0 .2em 22px;
        background: url(../images/brand/print.gif) no-repeat 0 50%;
}

ol.faqlist {
        margin-bottom: 1em;

}
#faq h2 {
        font-size: 100%;
        margin-bottom: 0;
}
#faq p {
        padding: 0 0 0 0.5em;
        margin: 0.7em;
}
#faq p {
        padding: 0 0 0 0.5em;
        margin: 0.7em;
}
#faq p.top {
        padding: .5em;
        margin: 0.7em;
}

#event h2 {
        float: left;
	margin: 0;
        font-size: 120%;
        padding: 0;
}

#event p {
        display: block;
        padding-left: 0.5em;
}

.joblist h3 {
        margin-bottom: 0.2em;
}
.joblist ul {
        margin-bottom: 0.2em;
}

.formerror {
        border: 1px #f00 solid;
        padding: 0 5px 0 57px;
        background: #FFF3F4 url(../images/brand/stop2.gif) no-repeat 0 50%;
        font-weight: bold;
        margin-bottom: 0;
}
.formerror p {
        margin: 0;
}
.formerror ul {
        margin: 0 0 0 1em;
}
.formerror li {
        padding: 0 0 0 20px;
        background: url(../images/brand/bullet-next3.gif) no-repeat 0 50%;
}


/* Sitemap stuff     */
#sitemap ul {
        margin: 0;
        padding: 0;
}
#sitemap li {
        background: none;
        padding: 0;
        margin: 0 0 1em 0;
        font-size: 120%;
        font-weight: bold;
}
#sitemap ul li ul {
        margin-left: 1em;
}
#sitemap li li {
        padding: 0 0 0 20px;
        margin: 0;
        background: url(../images/brand/bullet-next2.gif) no-repeat 0 0.4em;
        font-size: 80%;
        font-weight: normal;
}
#sitemap li li li {
        font-size: 100%;
}


/*ul#sitemap
{
	margin: 1em 0;
	padding: 0;
}

ul#sitemap li
{
	background: none;
	padding: 0;
}

ul#sitemap ul { margin-bottom: 1em; }
ul#sitemap ul ul { margin-bottom: 0; }

ul#sitemap ul
{
	margin: 0 0 1em 0;
	padding: 0;
}

ul#sitemap ul li
{
	margin-left: 2em;
        background: url(../images/brand/va-bullet1.gif) no-repeat 0 .3em;
	padding-left: 20px;
}

ul#sitemap ul li li { background: url(../images/brand/va-bullet2.gif) no-repeat 0 .3em; }
*/

/* styles used for the display of the heritage database */

.leftCol
{
vertical-align: top;
border: 0px;
width: 20%;
}

.rightCol
{
border: 0px;
width: 80%;
}

#date
{
text-align: right;
}

#date p
{
font-weight: bold;
font-size: 90%;
color: #990000;
}

.featureddate
{
color: darkred;
}

/* styles used for the Focus on items*/ 
.focuson
{
	line-height: normal;
}

.focuson img
{
float: right;
padding: 1px;
}

.focuson p
{
float: left;
}


.sponsorPuppy
{
	border: rgb(204,226,188) 1px solid; 
	text-align: center; 	
	padding: 10px; 	 
	float: right; margin-left: 10px;
	
}

.sponsorPuppy img
{
	display:block;
}